<meta charset="utf-8" name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<style>
  .body{
      background:#eee;
  }
  .sbox{
    border-radius:15px;
    padding: 10px;
    background:#ffffff;
    display:flex;
    align-items: center;
    height: 45px;
    border-bottom: 1px solid #ccc;
  }
  .pic{
    padding-left:10px;
    padding-right: 10px;
  }
  .right{
    color: #ccc;
    align-items: center;
    display:flex;
    font-size:10px;
  }
  .info{
    display: flex;
    flex: 1;
    background: white;
    justify-content: space-between;
    align-items: center;
  }
  .qi{
    padding-left:15px;
    line-height: 50px;
  }
</style>
<body class="body">

  <div class="qi">骑行</div>
  <div class="box">
  <div class="sbox">
    <div class="pic">
      <img src="qb.png"/>
    </div>
    <div class="info">
    <div class="txt">我的钱包</div>
    <div class="right">查看骑行卡优惠券
    <div class="tb">
      <img width=30px height="30px" src="jt.png"/>
    </div>
    </div>
    </div>
  </div>
  <div class="sbox">
    <div class="pic">
      <img src="xc.png"/>
    </div>
    <div class="info">
    <div class="txt">行程</div>
    <div class="right">本月骑行次数0次，今日骑行0次
    <div class="tb">
      <img src="jt.png"/>
    </div>
    </div>
    </div>
  </div>
  <div class="sbox">
    <div class="pic">
      <img src="xwf.png"/>
    </div>
    <div class="info">
    <div class="txt">行为分</div>
    <div class="right">当前分数276分
    <div class="tb">
      <img src="jt.png"/>
    </div>
    </div>
    </div>
  </div>
  <div class="sbox">
    <div class="pic">
      <img src="jj.png"/>
    </div>
    <div class="info">
    <div class="txt">计价规则</div>
    <div class="right">计价规则
    <div class="tb">
      <img src="jt.png"/>
    </div>
    </div>
    </div>
  </div>
  <div class="sbox">
    <div class="pic">
      <img src="kf.png"/>
    </div>
    <div class="info">
    <div class="txt">客服</div>
    <div class="tb">
    <img src="jt.png"/>
  </div>
  </div>
  </div>
</div>
</body>